<template>
  <!-- 菜单栏布局 -->
  <div class="parent">
  <h1>父级</h1>
  <teleport to='body' :disabled="false" > <TeleportAvue></TeleportAvue> </teleport>
  </div>
</template>

<script setup lang='ts'>
import { ref, reactive, defineAsyncComponent} from 'vue'
 import TeleportAvue  from './components/TeleportA.vue';
</script>

<style lang="less">
 html,body,#app{
   height: 100%;
   overflow: hidden;
 }
 .parent{
  height: 50vh;
  background: yellow;
  position: relative;
 }
</style>